<template>
  <div>
    <banner></banner>
    <detail-header></detail-header>
    <div class="content">
      <list :lists="lists">

      </list>
    </div>
  </div>
</template>
<script>
import banner from "./components/banner";
import detailHeader from "./components/header";
import list from "./components/list"
import axios from 'axios';
export default {
  name: "detail",
  components: { banner, detailHeader,list },
   data() {
    return {
      lists: [
          { title: "成人票",
            children:[
                {
                  title:'成人三联票',
                  children:[
                    {title:"成人三联票-最新的最新日期的"}
                  ]
                }  
            ] 
          }, 
          { title: "学生票" }, 
          { title: "特惠票" }
        ]
    };
  
  
  
  
  },
  methods : {
    getDetailInfo (){
      axios.get('/api/detail.json',{
        params:{
          id:this.$route.params.id
        }
      })
    }
  },
  mounted () {
     this.getDetailInfo();
  },
  
};
</script>

<style lang='stylus' scoped>
.content {
  height: 50rem;
}
</style>